<template>
	<view class="location-info">
		<image src="../../static/svg/activity/icon-location.svg" style="width:12px;height:12px;margin-right:4px;"></image>
		<text>{{ info }}</text>
	</view>
</template>

<script setup>
	const props = defineProps({
		info: {
			type: String,
			default: ''
		}
	})
</script>

<style lang="scss" scoped>
	.location-info {
		display: flex;
		align-items: center;
		color: #333;
		font-family: PingFang SC;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
</style>